<template>
    <div class="add-box">
        <div  class="header-return">
            <div @click.stop="toBack" style="display: flex;align-items: center;">
                <svg t="1747969956035" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7604" width="26" height="26"><path d="M694.272 809.024l-295.808-286.848 295.36-274.752a32 32 0 0 0-43.616-46.848l-320 297.696a32 32 0 0 0-0.512 46.4l320 310.304a32.032 32.032 0 0 0 44.576-45.952" fill="#2c2c2c" p-id="7605"></path></svg>      返回
            </div>
            <div>
                <svg t="1747969903534" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6473" width="16" height="16"><path d="M269.778581 0m41.290322 0l2.766452 0q41.290323 0 41.290322 41.290323l0 941.419354q0 41.290323-41.290322 41.290323l-2.766452 0q-41.290323 0-41.290322-41.290323l0-941.419354q0-41.290323 41.290322-41.290323Z" fill="#bfbfbf" p-id="6474"></path></svg>
            </div>
            <span class="add_title">{{title}}</span>
        </div>
       
    </div>
</template>
<script setup lang="ts" >

const $props = defineProps(["title"])
const toBack = () =>{
    window.history.back();
}

</script>

<style scoped >
 
.header-return{
    display: flex;
    align-items: center;
    gap: 0px;
    border: 1px #eee solid;
    border-radius: 6px;
    padding: 16px;
    gap: 20px;
}
.add_title{
    font-size: 16px;
}
</style>